<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>活动列表 - 五四宪法历史资料陈列室</title>
    <link rel="stylesheet" href="/static/pc/css/style.css">
    <script src="/static/pc/js/jquery.min.js"></script>
</head>
<body>
<div class="head">
    <img src="/static/pc/img/head.jpg" alt="">
</div>
<div class="main">
    <a class="back" href="javascript:history.back(-1)">返回</a>
    <div class="activity_list">
        {foreach $active as $k=>$v}
        <div>
            <img src="{$v.image}" alt="">
            <div>
                <h3>{$v.title}</h3>
                <p><em>活动日期:</em><span>{$v.day}——{$v.endday}</span></p>
                <p><em>活动地址:</em><span>{$v.addr}</span></p>
                {if $v.end eq 0}
                     {if $v.status eq 0}
                         <p class="endtime">距离活动结束还有 {$v.enday} 天</p>
                        <a href="javascript:;" class="view">此活动不需要预约，请直接前往</a>
                        {else/}
                        <p class="endtime">距离活动结束还有 {$v.enday} 天</p>
                        <a href="activity_deta?id={$v.id}" class="view">查看</a>
                    {/if}
                    {else/}
                <p class="endtime">活动已结束</p>
                {/if}

            </div>
        </div>
        {/foreach}
    </div>
</div>
<script>

</script>
</body>
</html>